<template>
	<!-- 辅助空白-->
	<view>
		<view :style="[boxStyle]"></view>
	</view>
</template>
<script>
export default {
	name: 'blankPage',
	props: {
		dataConfig: {
			type: Object,
			default: () => {}
		}
	},
	computed: {
		//最外层盒子的样式
		boxStyle() {
			return {
				height: this.dataConfig.heightConfig.val + 'px',
				background: `linear-gradient(${this.dataConfig.bgColor.color[0].item}, ${this.dataConfig.bgColor.color[1].item})`,
				margin: this.dataConfig.mbConfig.val * 2 + 'rpx' + ' ' + this.dataConfig.lrConfig.val * 2 + 'rpx' + ' ' + 0
			};
		}
	}
};
</script>

<style lang="scss" scoped>
.blankPage {
	.bankCon {
		width: 100%;
	}
}
</style>
